<template>
    <div class="home-footer">
        <div class="logo">
            <img src="../assets/logoFooter.png" alt="logo">
            <img src="../assets/textFooter.png">
        </div>
        <p>打开APP，发现更多好音乐</p>
        <p>网易公司版权所有©1997-2021 杭州乐读科技有限公司运营</p>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
    .home-footer{
        background: url('../assets/homeFooter.png');
        width: 100%;
        height:200px;
        padding-top: 16.9%;

        .logo{
            display:flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;

            img:first-of-type{
                margin-right: 5px;
            }
        }
        p:first-of-type{
            color:#db5d55;
            border:1px solid #db5d55;
            line-height:38px;
            margin: 15px 37px 5px;
            border-radius:20px;
        }
        p:last-of-type{
            font-size:12px;
            color:#cbc5c6;
            transform:scale(0.8);
        }
    }
</style>